<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width">
	<title>Birds of California</title>
	<link rel="stylesheet" href="reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="birds.css" type="text/css" media="screen">
	<link rel="stylesheet" href="tablet.css" type="text/css" media="only screen and (max-width: 800px)">
	<link rel="stylesheet" href="phone.css" type="text/css" media="only screen and (max-width: 480px)">
</head>
<body class="bd">

<header class="container header">
	<h1 class="title">Birds of California!</h1>
</header>

<aside class="sidebar">
	<nav class="bird-nav">
		<ul class="bird-list">
			<li class="nav-li"><a class="nav-link" href="#">California Condor</a></li>
			<li class="nav-li"><a class="nav-link" href="#">California Quail</a></li>
			<li class="nav-li"><a class="nav-link" href="#">California Gull</a></li>
		</ul>
	</nav>
</aside>

<div class="container main">
	<h2>California Gull</h2>
	<div class="hero-shot">
		<a href="http://www.flickr.com/photos/catlantis/5514922015/"><img alt="California Gulls Flying" class="hero-img" src="http://farm6.staticflickr.com/5171/5514922015_bfeab78ce0_z.jpg"></a>
		<p class="caption">Photo By <a href="http://www.flickr.com/photos/catlantis/5514922015/">C.L. Maclay</a></p>
	</div>
	<section class="content">
		<p>The California Gull (<i>Larus californicus</i>) is a gull native to the western United States. The gull looks a bit like the Herring Gull. distinguishing characteristics include a black ring on a yellow bill, yellow legs and a rounder head.</p>
		<p>Adults have gray and white bodies with black primary feathers. Juveniles have brown plumage.</p>
		<p>The California Gull is very common in the San Francisco Bay area. The bay isn't their historic habitat--that is the salty Mono Lake on the Nevada border. Their abundance in the bay area is attributed to their breeding in the salt pond of the south bay, and abundant food from bay area landfills</p>
	</section>

</div>

<footer class="container ft">
	<ul class="foot-links">
		<li><a href="#">&copy; 2012 Awesome Bird Foundation, All Rights Reserved</a></li>
		<li><a href="#">Terms of Service</a></li>
	</ul>
</footer>
</body>
</html>